{% extends "base.html" %}

{% block content %}
<div class="life-indices-container">
    <h2>今日生活指数</h2>
    <div class="indices-grid">
        {% for key, index in indices.items() %}
        <div class="index-card">
            <div class="index-header">
                <h3>{{ index.name }}</h3>
                <span class="index-level">{{ index.level }}</span>
            </div>
            <p class="index-description">{{ index.description }}</p>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %} 